<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>在线考试系统 - 管理员中心</title>
    <div th:replace="include/bootstrap :: bootstrap"></div>
    <style>
        .stats-card {
            background: white;
            border-radius: 8px;
            padding: 25px;
            margin-bottom: 30px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
            transition: all 0.3s ease;
            height: 100%;
        }
        .stats-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }
        .stats-icon {
            font-size: 40px;
            margin-bottom: 20px;
            color: #3498db;
        }
        .stats-number {
            font-size: 24px;
            font-weight: 700;
            color: #2c3e50;
            margin-bottom: 5px;
        }
        .stats-title {
            color: #7f8c8d;
            font-size: 16px;
            margin-bottom: 0;
        }
        .welcome-card {
            background: linear-gradient(135deg, #3498db, #2c3e50);
            color: white;
            border-radius: 8px;
            padding: 30px;
            margin-bottom: 30px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
        }
        .welcome-card h2 {
            font-weight: 700;
            margin-bottom: 15px;
        }
        .welcome-card p {
            opacity: 0.9;
            margin-bottom: 20px;
            line-height: 1.6;
        }
        .feature-card {
            background: white;
            border-radius: 8px;
            padding: 25px;
            margin-bottom: 30px;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
            transition: all 0.3s ease;
            height: 100%;
        }
        .feature-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
        }
        .feature-icon {
            font-size: 40px;
            margin-bottom: 20px;
            color: #3498db;
        }
        .feature-card h3 {
            margin-bottom: 15px;
            font-weight: 600;
            color: #2c3e50;
        }
        .feature-card p {
            color: #666;
            line-height: 1.6;
        }
        .cta-button {
            padding: 10px 25px;
            font-size: 15px;
            font-weight: 500;
            border-radius: 4px;
            margin-top: 10px;
            transition: all 0.3s ease;
        }
    </style>
</head>
<body>
<div th:replace="include/AdminNav :: AdminNav"></div>

<script th:inline="javascript">
    $(document).ready(function() {
        // 获取main-content元素
        var mainContent = $(".main-content");
        
        // 清空现有内容
        mainContent.empty();
        
        // 添加新内容
        var content = `
            <div class="container-fluid" style="padding: 20px;">
                <!-- 欢迎卡片 -->
                <div class="welcome-card">
                    <h2>欢迎使用在线考试系统</h2>
                    <p>本系统为管理员提供全面的考试管理功能，包括课程管理、班级管理、教师管理以及系统配置等功能，帮助您高效管理教学资源。</p>
                </div>
                
                <!-- 统计卡片 -->
                <div class="row">
                    <div class="col-md-3">
                        <div class="stats-card text-center">
                            <div class="stats-icon">
                                <i class="glyphicon glyphicon-education"></i>
                            </div>
                            <div class="stats-number">12</div>
                            <div class="stats-title">班级数量</div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="stats-card text-center">
                            <div class="stats-icon">
                                <i class="glyphicon glyphicon-book"></i>
                            </div>
                            <div class="stats-number">8</div>
                            <div class="stats-title">课程数量</div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="stats-card text-center">
                            <div class="stats-icon">
                                <i class="glyphicon glyphicon-user"></i>
                            </div>
                            <div class="stats-number">24</div>
                            <div class="stats-title">教师数量</div>
                        </div>
                    </div>
                    <div class="col-md-3">
                        <div class="stats-card text-center">
                            <div class="stats-icon">
                                <i class="glyphicon glyphicon-list-alt"></i>
                            </div>
                            <div class="stats-number">36</div>
                            <div class="stats-title">考试数量</div>
                        </div>
                    </div>
                </div>
                
                <!-- 功能卡片 -->
                <div class="row">
                    <div class="col-md-4">
                        <div class="feature-card text-center">
                            <div class="feature-icon">
                                <i class="glyphicon glyphicon-book"></i>
                            </div>
                            <h3>课程管理</h3>
                            <p>管理系统中的课程信息，添加和编辑课程，为考试提供课程支持。</p>
                            <a href="/AdminCourseManage" class="btn btn-primary cta-button">管理课程</a>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="feature-card text-center">
                            <div class="feature-icon">
                                <i class="glyphicon glyphicon-education"></i>
                            </div>
                            <h3>班级管理</h3>
                            <p>管理系统中的班级信息，添加和编辑班级，组织学生和教师。</p>
                            <a href="/AdminPjclassManage" class="btn btn-primary cta-button">管理班级</a>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="feature-card text-center">
                            <div class="feature-icon">
                                <i class="glyphicon glyphicon-user"></i>
                            </div>
                            <h3>教师管理</h3>
                            <p>管理系统中的教师信息，添加和编辑教师账号，分配教学任务。</p>
                            <a href="/AdminTeacherManage" class="btn btn-primary cta-button">管理教师</a>
                        </div>
                    </div>
                </div>
                
                <!-- 系统介绍面板 -->
                <div class="panel panel-default">
                    <div class="panel-heading">
                        <h3 class="panel-title">系统介绍</h3>
                    </div>
                    <div class="panel-body">
                        <p>在线考试系统，是为解决传统考试流程繁琐、效率低下等问题而生的数字化考试平台。聚焦考试全流程管理，覆盖从组卷、考务安排到在线答题、自动阅卷等环节，助力学校、企业等轻松实现标准化、高效化的考试组织与管理。</p>
                        <p>对于教育场景，它打破时空限制，支持随堂小测、期中期末考等多样化考试形式，教师可快速创建试卷、精准把控考试进度，还能借助系统数据分析，深入了解学生知识掌握情况；让考试从"负担"变为高效管理与人才发展的"助推器"，用科技重塑考试体验，让每一场考试都更简单、更智能。</p>
                    </div>
                </div>
            </div>
        `;
        
        mainContent.append(content);
    });
</script>
</body>
</html>